<section class="tlp-pane">
    <div class="tlp-pane-container">
        <div class="tlp-pane-header">
            <h1 class="tlp-pane-title">Horizontally splitted pane</h1>
        </div>
        <section class="tlp-pane-section">
            <h2 class="tlp-pane-subtitle">Subtitle</h2>
            <p>Here goes the content of the pane.</p>
            <p>The pane can have more than one section.</p>
        </section>
        <section class="tlp-pane-section">
            <h2 class="tlp-pane-subtitle">Subtitle</h2>
            <p>Far far away, behind the word mountains,
            far from the countries Vokalia and
            Consonantia, ...</p>
        </section>
    </div>
</section>

<section class="tlp-pane">
    <div class="tlp-pane-container">
        <div class="tlp-pane-header">
            <h1 class="tlp-pane-title">Vertically splitted pane</h1>
        </div>
        <section class="tlp-pane-section">
            <p>Here goes the content of the pane.</p>
            <p>The pane can have more than one section.</p>
        </section>
        <section class="tlp-pane-section">
            <p>Far far away, behind the word mountains,
            far from the countries Vokalia and
            Consonantia, ...</p>
        </section>
    </div>
    <div class="tlp-pane-container">
        <section class="tlp-pane-section">
            <p>Here goes the content of the pane.</p>
            <p>The pane can have more than one section.</p>
        </section>
        <section class="tlp-pane-section">
            <p>Far far away, behind the word mountains,
            far from the countries Vokalia and
            Consonantia, ...</p>
        </section>
    </div>
</section>
